.grid .fl #navi li {
  position: relative;
}
.grid .fl #navi li .box {
  width: 690px;
  padding-left: 100px;
  height: 480px;
  background-color: #ffffff !important;
  position: absolute;
  z-index: 5;
  left: 200px;
  top: -10px;
  display: none;
}
.grid .fl #navi li .box ul {
  height: 50px;
}
.grid .fl #navi li .box ul span {
  display: block;
  width: 100px;
  height: 30px;
  background-color: black;
  float: left;
  text-align: center;
  line-height: 30px;
  margin-left: 20px;
  margin-top: 20px;
}
.grid .fl #navi li .box ul span:hover {
  background-color: red;
}
.grid .fl #navi li .box dl {
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
.grid .fl #navi li .box dl a {
  display: block;
  margin-top: 15px;
  margin-left: 10px;
  color: #545353 !important;
}
.grid .fl #navi li .box dl a:nth-child(1) {
  width: 100px;
  font-size: 14px;
  font-weight: bold;
  color: #000;
  position: absolute;
  left: -100px;
}
.grid .fl #navi li:hover .box {
  display: block;
}
.anav {
  width: 1190px;
  margin: auto;
}
.anav h1 {
  text-align: center;
  margin-top: 50px;
}
.anav .a2 {
  width: 100%;
  height: 100px;
  margin-top: 20px;
  display: flex;
}
.anav .a2 li {
  list-style: none;
  width: 196px;
  height: 100%;
  border-right: 1px solid #ccc;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.anav .a2 li div {
  margin-top: 15px;
  width: 80px;
  height: 30px;
  line-height: 30px;
  border-radius: 30px;
  font-size: 20px;
}
.anav .a2 li span {
  margin-top: 15px;
  width: 80px;
  height: 40px;
}
.anav .a2 li:nth-child(6) {
  border-right: none;
}
.anav .a2 li:hover {
  color: red;
}
.anav .a2 li:nth-child(1) {
  color: #000;
}
.anav .a2 li:nth-child(1) div {
  background-color: red;
  color: #fff;
}
.xuanran {
  width: 1190px;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
}
.xuanran .oned {
  width: 210px;
  height: 325px;
  padding: 10px;
  padding-top: 7px;
  margin-left: 7px;
  margin-top: 10px;
  background-color: #fff;
  border-radius: 10px;
  transition: all 0.2s linear;
}
.xuanran .oned .one img {
  display: block;
  width: 100%;
  height: 65%;
}
.xuanran .oned .two {
  width: 100%;
  height: 50px;
  background-color: red;
}
.xuanran .oned .two div {
  margin-top: 10px;
  width: 100%;
  height: 40px;
  color: #000;
}
.xuanran .oned .there {
  width: 100%;
  height: 30px;
}
.xuanran .oned .there h2 {
  margin-top: 5px;
  color: red;
}
.xuanran .oned .for {
  width: 100%;
  height: 50px;
}
.xuanran .oned .for button {
  margin-top: 5px;
  width: 100%;
  height: 36px;
  background-color: red;
  border-radius: 10px;
  color: #fff;
}
.xuanran .oned:hover {
  transform: translateY(-5px);
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.3), 0px 15px 15px rgba(0, 0, 0, 0.2);
}
